<template>
  <div class="padTop">
    <mt-header :title="activeName"
               fixed>
      <router-link to="/"
                   slot="left">
        <mt-button icon="back"></mt-button>
      </router-link>
      <!-- <mt-button icon="more"
                 slot="right"></mt-button> -->
    </mt-header>
  </div>
</template>

<script>
import { Header, Button } from 'mint-ui'
export default {
  name: 'Header',
  components: {
    [Header.name]: Header,
    [Button.name]: Button
  },
  props: {
    activeName: String
  },
  data () {
    return {
      barShadow: false
    }
  },
  methods: {
    shadowShow () {
      this.$emit('inc')
    }
  },
  mounted () {
  }
}
</script>

<style lang="stylus" scoped>
@import '~styles/varibles.styl'
.padTop
  height: $paddingTop
</style>
